.combined-shape {
  position: relative;
}
.combined-shape > * {
  width: 50%;
  height: 64px;
  position: absolute;
  overflow: hidden;
}
.combined-shape > * > * {
  width: 100%;
  height: 100%;
  background: white;
}

.combined-shape > .shape-left > .sub-left {
  //@apply bg-gradient-to-r from-cyan-500 to-blue-500;
}

.combined-shape > .shape-right > .sub-right {
  //@apply bg-gradient-to-r from-blue-500 to-cyan-500 ;
}

.combined-shape .shape-left {
  left: 0;
  border-bottom-left-radius: 50px;
}
.combined-shape .shape-right {
  right: 0;
  border-bottom-right-radius: 50px;
}
